


$bgColor:var(--backgroundColor);
$hoverColor: var(--hover-backgroundColor);

.el-menu-item.is-active {
  color: $bgColor;
  background-color: $hoverColor;
}

.el-menu-item:hover {
  color:  $bgColor;
  background-color: transparent;
}

.el-button{
    background-color: $bgColor;
    color:#fff;
}

.el-header {
    // border-bottom: 1px solid var(--el-border-color);
    border-bottom: 1px solid $hoverColor;
}

:export {//导出，可以在js中使用变量；
  @debug $hoverColor; //进行输出调试
  themecolor:$hoverColor;
}